<div class="table-responsive">
    <table class="table table-bordered table-striped table-condensed table-hover" style="table-layout:fixed;word-wrap:break-word;">
        <thead>
            <tr>
                <th [hidden]="!grid.checkBox" width=24></th>
                <ng-template ngFor let-column [ngForOf]="grid.columns">
                    <th [hidden]="column.hidden" width="{{column.width}}">
                        {{column.title}}
                    </th>
                </ng-template>
            </tr>
        </thead>
        <tbody>
            <ng-template ngFor let-item [ngForOf]="grid.data">
                <tr (click)="onChecked(item)" [ngClass]="{'success':item.checked}">
                    <td [hidden]="!grid.checkBox">
                        <input type="checkbox" [checked]="item.checked">
                    </td>
                    <ng-template ngFor let-column [ngForOf]="grid.columns">
                        <td [hidden]="column.hidden">
                            <span [innerHTML]='autoWrap(column, item)'></span>
                        </td>
                    </ng-template>
                </tr>
            </ng-template>
        </tbody>
    </table>
</div>
<app-paging [pagination]="grid.paginationObj"></app-paging>